<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Your First Panel</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href="libs/bootstrap-slider.css" rel="stylesheet">

    <link id="hostStyle" rel="stylesheet" href="css/style.css">
    <!-- <link rel="stylesheet" href="slider.css"> -->

</head>

<body onload="onLoaded()"  ondragover="return false" ondrop="return false">
    <!-- 1) Simple HTML UI elements to get us started -->
    <!-- <h1>Your first panel 1</h1> -->

    <!-- 2) A button -->
    <!--<button id="open-button">Open</button> -->
    <!--<button id="bt2">bt2</button> -->


    <div id="brush-slider-ctn">
        <div id="desc-ctn">
            <span id="desc">R</span>
        </div>
        <input id="brush-slider" data-slider-id="brush-slider-data" >
    </div>
    <!--
    <div id="brush-slider-ctn">
        <input type='range' />
    </div>
    -->

    <!-- 3) Add your script dependencies here, including CEP's CSInterface.js library -->

    <script src="libs/jquery-3.5.1.min.js"></script>
     <script src="libs/bootstrap.js"></script>
   <script src="libs/bootstrap-slider.js"></script>


    <script type="text/javascript" src="CSInterface.js"></script>

    <script type="text/javascript" src="themeManager.js"></script>
    <script type="text/javascript" src="index.js"></script>
</body>

</html>